.flex {
  display: flex;

  &-afe {
    display: flex;
    align-items: flex-end;
  }

  &-ac {
    display: flex;
    align-items: center;
  }

  &-juc {
    display: flex;
    justify-content: center;
  }

  &-jus {
    display: flex;
    justify-content: space-between;
  }

  &-around {
    display: flex;
    justify-content: space-around;
  }

  &-ju-al {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  &-mid-bet {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  &-col {
    display: flex;
    flex-direction: column;

    &-mid {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  }

  &-row {
    display: flex;
    flex-direction: row;

    &-mid {
      display: flex;
      flex-direction: row;
      align-items: center;
    }

    &-end {
      display: flex;
      flex-direction: row;
      align-items: flex-end;
    }

    &-reverse {
      flex-direction: row-reverse;
    }
  }

  &-wrap {
    display: flex;
    flex-wrap: wrap;
  }
}
.pad_lr{
	
	&_20{
		padding-left:20rpx;
		padding-right:20rpx;
	}
	
	&_30{
		padding-left:30rpx;
		padding-right:30rpx;
	}
	
	&_40{
		padding-left:40rpx;
		padding-right:40rpx;
	}
	
	&_50{
		padding-left:50rpx;
		padding-right:50rpx;
	}
	
	&_60{
		padding-left:60rpx;
		padding-right:60rpx;
	}
}

.pad_b{
	&_200{
		padding-bottom: 200rpx;
	}
}

.blocks{
	display: block!important;
}

.box:after, .box:before {
  content: "";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.border-box {
  box-sizing: border-box;
}

.overhide {
  overflow: hidden;
}

.userNoSel {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fontBold{
	font-weight: bold;
}

.is-over {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;

  &-2 {
    text-overflow: -o-ellipsis-lastline !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
  }

  &-3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  &-4 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  &-5 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
  }
}

.safe-bottom{
	padding-bottom: 0;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

.myButton {
	display: block;
	margin-left: inherit;
	margin-right: inherit;
	border: none;
	background-color: transparent;
	padding: 0;
	
	&:before,
	&:after {
		border: none;
	}
}

	